﻿<!DOCTYPE html>

<html ng-app="store">
<head>
    <title>Angular js test</title>
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
</head>
<body ng-controller="StoreController as store">
    <div ng-show="!store.product.soldOut">
        <h1> {{store.product.name}} </h1>
        <h2> ${{store.product.price}}</h2>
        <p> {{store.product.description}}</p>
        <button ng-show="store.product.canPurchase"> Add to Cart</button>
    </div>

    <script src="Scripts/angular.min.js" type="text/javascript"></script>
    <script src="Scripts/app/app.js"></script>
</body>
</html>
